<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>Basic Route Calculation</title>
  <script type="text/javascript" language="javascript" src="http://api.maptp.map24.com/ajax?appkey=CJX0024cf19cc5069783471cec27f9b6X12"></script>
  <script type="text/javascript" language="javascript" src="../ajax/getCities.js"></script>
 
</head>
 
<body onload="goMap24()">
  <div id="maparea" style="width:700px;height:500px;background-color:#E0E0E0;"></div>
    <br />
    <div style="width:700px;border-width:0px;border-style:solid">
      <input type="button" id="button_calculate_route" value="Calculate Route" onclick="startRouting()" />
      <input type="button" id="button_show_route" value="Show Route" onclick="showRoute( routeID )" disabled="disabled" />
      <input type="button" id="button_hide_route" value="Hide Route" onclick="hideRoute( routeID )" disabled="disabled" />
      <input type="button" id="button_remove_route" value="Remove Route" onclick="removeRoute( routeID )" disabled="disabled" />
      <input type="button" id="print" value="Print Description" onClick="printRouteDescription()" disabled="disabled" />
      <input type="button" id="reload" value="Refresh" onClick="history.go(0)" />
      <br />  
      <br /> 
      <div style="width:350px;border-width:0px;border-style:solid">
        <table id="selection" class="selection" cellpadding="1" cellspacing="1">
          <tr>
            <td width="276px">Start:</td>
            <td width="424px"><input type='text' id='start' style="width:250px;" value='Hamburg' /></td>
          </tr>
          <tr>
            <td width="276px">Destination:</td>
            <td width="424px"><input type='text' id='destination' style="width:250px;" value='Berlin' /></td>
          </tr>
        </table>
      </div>
      <br />
      <div id="routeID"></div>
      <div id="routeDescription" style="text-align:left;width:700px;"></div>
    </div>
</body>
</html>